$tahoma: tahoma;
$width: 100%, 1200px, 360px, 24px, 581px, 500px, 320px, 236px, 82px, 251px, 30px, 999px, 988px, 948px, 50px, 36px, 100px,
    80px, 286px, 120px, 91px, 171px, 135px, 990px, 500px;

$height: 35px, 24px, 120px, 64px, 32px, 33px, 30px, 160px, 40px, 118px, 50px, 88px, 50px;

$BackG: #f2f2f2, #e6e6e6, #737373, #ff6a00, #999999, #71797f, #d9d9d9;
$hid: hidden;
$flex: flex;
$in-blok: inline-block;
$lf: left;
$ri: right;
$cent: center;
$jtSb: space-between;
$blok: block;
$lengs: 5px, 35px, 6px, 30px, 20px, 40px, 88px, 50px, 15px, 68px, 114px, 12px, 20px, 50px;
$noRep: no-repeat;
$bodbox: border-box;
$none: none;
$post: relative;
$noml: normal;
body {
    font-family: $tahoma;
}
.site-nav {
    width: nth($list: $width, $n: 1);
    height: nth($list: $height, $n: 1);
    background-color: nth($list: $BackG, $n: 1);
    border-bottom: 1px solid nth($list: $BackG, $n: 2);
    margin: 0px auto;
    overflow: $hid;
}
.container {
    width: nth($list: $width, $n: 2);
    height: nth($list: $height, $n: 1);
    overflow: $hid;
    margin: 0px auto;
    .site-nav-l {
        height: nth($list: $height, $n: 1);
        width: nth($list: $width, $n: 3);
        display: $flex;
        float: $lf;
        .ico-star {
            height: nth($list: $height, $n: 2);
            width: nth($list: $width, $n: 4);
            background-image: url(../img/common_z.png);
            background-position: 0px -318px;
            display: $in-blok;
        }
        li a {
            display: $flex;
            align-items: $cent;
            line-height: nth($list: $height, $n: 1);
            padding: 0 8px;
            color: nth($list: $BackG, $n: 3);
        }
        .ico-star2 {
            height: nth($list: $height, $n: 2);
            width: nth($list: $width, $n: 4);
            background-image: url(../img/common_z.png);
            background-position: -374px -131px;
            display: $in-blok;
        }
    }
    .site-nav-r {
        width: nth($list: $width, $n: 5);
        height: nth($list: $height, $n: 1);
        float: $ri;
        display: $flex;
        align-items: $cent;
        justify-content: $jtSb;
        line-height: nth($list: $height, $n: 1);
        .icon-star3 {
            width: nth($list: $width, $n: 5);
            height: nth($list: $height, $n: 1);
            background-image: url(../img/common_z.png);
            background-position: -294px -171px;
            float: $lf;
            display: $blok;
            margin-top: nth($list: $lengs, $n: 1);
        }
        li a {
            color: nth($list: $BackG, $n: 3);
        }
    }
}
.header {
    width: nth($list: $width, $n: 2);
    height: nth($list: $height, $n: 3);
    margin-top: nth($list: $lengs, $n: 2);
    background: url(../img/pc_hualogo.png);
    background-repeat: $noRep;
    display: $blok;
    float: $lf;
    span {
        display: $blok;
        margin-top: nth($list: $lengs, $n: 1);
        em {
            color: nth($list: $BackG, $n: 5);
        }
        a {
            color: nth($list: $BackG, $n: 5);
        }
    }
}
.hd-top {
    width: nth($list: $width, $n: 6);
    height: nth($list: $height, $n: 4);
    margin-top: nth($list: $lengs, $n: 2);
    background: url(../img/pc_hualogo.png);
    background-repeat: $noRep;
    display: $blok;
    float: $lf;
}
.search {
    width: nth($list: $width, $n: 7);
    height: nth($list: $height, $n: 4);
    float: $lf;
    margin-top: nth($list: $lengs, $n: 2);
    .search .input-group {
        width: nth($list: $width, $n: 7);
        height: nth($list: $height, $n: 1);
        border: 1px solid #ff6a00;
        box-sizing: $bodbox;
        input {
            padding: nth($list: $lengs, $n: 3);
            height: nth($list: $height, $n: 5);
            width: nth($list: $width, $n: 8);
            box-sizing: $bodbox;
            float: $lf;
        }
        button {
            width: nth($list: $width, $n: 9);
            height: nth($list: $height, $n: 6);
            background-color: nth($list: $BackG, $n: 4);
            border: $none;
        }
    }
}
.ser-Def {
    width: nth($list: $width, $n: 10);
    height: nth($list: $height, $n: 7);
    float: $ri;
    margin-top: nth($list: $lengs, $n: 2);
    line-height: nth($list: $lengs, $n: 4);
    display: $flex;
    justify-content: $jtSb;
    color: nth($list: $BackG, $n: 6);
}
